<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

	<title> 站点创建 </title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Use the correct meta names below for your web application
		 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
		 
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">-->
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<!-- Basic Styles -->
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/font-awesome.min.css">

	<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/smartadmin-production.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/smartadmin-skins.css">
    
	<!-- G7 fix -->
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/demo-increase.css">
    
	<!-- SmartAdmin RTL Support is under construction
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/smartadmin-rtl.css"> -->
	<!-- daterangepicker Styles  -->
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/daterangepicker-bs3.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/demo.css">
	<!--<link rel="stylesheet" type="text/css" media="screen" href="../../js/plugin/splite/split-pane.css"> -->
	<!-- FAVICONS -->
	<link rel="shortcut icon" href="../../img/favicon/favicon.ico" type="../../image/x-icon">
	<link rel="icon" href="../../img/favicon/favicon.ico" type="../../image/x-icon">
	
	<style type="text/css">
		html, body {
			height: 100%;
			min-height: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

		#mapDiv{
			position: absolute;
			top:50px;
			bottom: 0;
			right: 0;
			left: 0;
			width: 100%;
			background: #CEDDF2;
			overflow: hidden;
		}
		#popup-submitBox{position:absolute; top:55px; right:5px; width:350px;z-index: 100000}
		
	</style>
</head>
<body onload="initialize()">
<section id="widget-grid">
	<!-- row -->
	<div class="row">
		<!-- NEW WIDGET START -->
		<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<!-- Widget ID (each widget will need unique ID)-->
			<div class="jarviswidget jarviswidget-color-blueLight no-margin" id="wid-id-0" data-widget-sortable="true" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false">
				<header>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2> 地图标注 </h2>
				</header>
				<!-- widget div-->
				<div>
					<!-- widget content -->
					<div class="widget-body no-padding" id="mapDataBody">
						<div class="widget-body-toolbar no-margin" style="height:50px;">
							<div class="col-xs-4 no-padding">
								<form role="search" class="no-padding">
									<div class="input-group">
										<input type="text" placeholder="快速搜索地址..." class="form-control">
										<div class="input-group-btn">
											<button type="button" class="btn btn-sm btn-primary">
												<i class="fa fa-sm fa-search"></i> 查询
											</button>
										</div>
									</div>
								</form>
							</div>
							<div class="col-xs-8 text-right no-padding">
								<div class="btn-group">
									<a href="#" class="btn btn-primary btn-sm active" title="标注点"><span class="glyphicon glyphicon-pushpin"></span></a>
									<a href="#" class="btn btn-primary btn-sm" title="标注区域"><span class="glyphicon glyphicon-flag"></span></a>
									<a href="#" class="btn btn-primary btn-sm" title="标注线路"><span class="glyphicon glyphicon-random"></span></a>
								</div>
								<div class="btn-group">
									<a href="#" class="btn btn-default btn-sm"> 路况 </a>
									<a href="#" class="btn btn-default btn-sm"> 卫星 </a>
								</div>
							</div>							
						</div>
							<!-- 自定义搜索区结束 -->
						<div id="mapDiv" onclick="msgShow();"></div>
						<div id="popup-submitBox">
							<div class="jarviswidget jarviswidget-color-blueDark" data-widget-deletebutton="false" data-widget-togglebutton="false" data-widget-editbutton="false" data-widget-colorbutton="false" data-widget-sortable="true" data-widget-fullscreenbutton="false">
								<header>
									<div class="jarviswidget-ctrls"><a class="button-icon" href="javascript:void(0);" id="popup-closeBtn" ><i class="fa fa-times"></i></a></div>
									<h2>添加标注点</h2>
								</header>
								<div role="content">
									<div class="widget-body widget-hide-overflow no-padding">
										<form action="" class="smart-form">
											<fieldset class="padding-10">
												<section class="col-xs-6">
													<div>
														<label class="label col-xs-4 text-align-right txt-color-red">名称：</label>
														<label class="col-xs-8 input">
															<input type="text" class="input-sm" name="drivername" placeholder="" value="南宁分拨中心">
														</label>
													</div>
												</section>
												<section class="col-xs-6">
													<div >
														<label class="label col-xs-4 text-align-right">编码：</label>
														<label class="col-xs-8 input">
															<input type="text" class="input-sm" name="drivername" placeholder="" value="南宁分拨中心">
														</label>
													</div>
												</section>
												<div class="clearfix"></div>
												<section class="col-xs-12">
													<div>
														<label class="label col-xs-2 text-align-right txt-color-red">机构：</label>
														<label class="col-xs-10 no-padding input">
															<input type="text" class="input-sm" name="drivername" placeholder="" value="安能物流">
														</label>
													</div>
												</section>
												<div class="clearfix"></div>
												<section class="col-xs-6">
													<div>
														<label class="label col-xs-4 text-align-right">类别：</label>
														<label class="col-xs-8 no-padding select">
															<select name="org" class="input-sm">
																<option value="0" selected="" disabled="">请选择</option>
																<option value="1" selected="selected">中心</option>
																<option value="2">网点</option>
																<option value="3">选择3</option>
																<option value="4">选择4</option>
																<option value="5">选择5</option>
															</select> <i></i>
														</label>
													</div>
												</section>
												<section class="col-xs-6">
													<div >
														<label class="label col-xs-4 text-align-right">范围：</label>
														<label class="col-xs-8 no-padding select">
															
															<select name="org">
																<option value="0" selected="" disabled="">500米</option>
																<option value="1">5001米</option>
																<option value="2">5002米</option>
																<option value="3">5003米</option>
																<option value="4">5004米</option>
																<option value="5">5005米</option>
															</select> <i></i>
														</label>
													</div>
												</section>
												<div class="clearfix"></div>
												<!-- <section class="col col-6">
													<div class="row">
														<label class="label col col-4 text-align-right no-paddingLR">图标：</label>
														<label class="col col-8 no-padding">
															<label class="select" class="input-sm">
															<select name="org">
																<option value="0" selected="" disabled="">500米</option>
																<option value="1">5001米</option>
																<option value="2">5002米</option>
																<option value="3">5003米</option>
																<option value="4">5004米</option>
																<option value="5">5005米</option>
															</select> <i></i> </label>
														</label>
													</div>
												</section>
												<div class="clearfix"></div> -->
												<section class="col-xs-6">
													<div>
														<label class="label col-xs-4 text-align-right">省份：</label>
														<label class="col-xs-8 input">
															<input type="text" class="input-sm" name="drivername" placeholder="">
														</label>
													</div>
												</section>
												<section class="col-xs-6">
													<div >
														<label class="label col-xs-4 text-align-right">城市：</label>
														<label class="col-xs-8 input">
															<input type="text" class="input-sm" name="drivername" placeholder="">
														</label>
													</div>
												</section>
												<div class="clearfix"></div>
												<!-- <section class="col col-6">
													<div class="row">
														<label class="label col col-4 text-align-right no-paddingLR"></label>
														<label class="col col-8 no-padding">
															<label class="checkbox">
																<input type="checkbox" checked="checked" name="">
																<i></i> 设为站点
															</label>
														</label>
													</div>
												</section>
												<section class="col col-6">
													<div class="row">
														<label class="label col col-4 text-align-right no-paddingLR"></label>
														<label class="col col-8 no-padding">
															<label class="checkbox">
																<input type="checkbox" checked="checked" name="">
																<i></i> 设为私有
															</label>
														</label>
													</div>
												</section> -->
												<div class="clearfix"></div>
												<section class="col col-6">
													<div class="row">
														<!-- <label class="label col col-4 text-align-right no-paddingLR">备注</label> -->
														<label class="col col-8 no-padding" style="width:275px;margin-left:55px">
															<label class="textarea">
																<i class="icon-append fa fa-comment"></i>
																<textarea class="custom-scroll" width="100%" rows="1" placeholder="备注"></textarea>
																<b class="tooltip tooltip-top-right"> 
																<i class="fa fa-warning txt-color-teal"></i> 
																限制输入120个字符 </b>
															</label>
														</label>
													</div>
												</section>
											</fieldset>
											
										</form>
										<div class="widget-footer">
											<button type="submit" class="btn btn-primary">提交</button>
											<button type="submit" class="btn btn-default">上一步</button>
											<button type="submit" class="btn btn-default">取消</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- end widget content -->
				</div>
				<!-- end widget div -->
			</div>
			<!-- end widget -->

		</article>
		<!-- WIDGET END -->
	</div>
	<!-- end row -->
</section>

<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
	<script data-pace-options='{ "restartOnRequestAfter": true }' src="../../js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="../../js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document.write('<script src="../../js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="../../js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document.write('<script src="../../js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>

	<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
	<script src="../../js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

	<!-- BOOTSTRAP JS -->
	<script src="../../js/bootstrap/bootstrap.min.js"></script>

	<!-- CUSTOM NOTIFICATION -->
	<script src="../../js/notification/SmartNotification.min.js"></script>

	<!-- JARVIS WIDGETS -->
	<script src="../../js/smartwidgets/jarvis.widget.min.js"></script>

	<!-- EASY PIE CHARTS -->
	<script src="../../js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

	<!-- SPARKLINES -->
	<script src="../../js/plugin/sparkline/jquery.sparkline.min.js"></script>

	<!-- JQUERY VALIDATE -->
	<script src="../../js/plugin/jquery-validate/jquery.validate.min.js"></script>
	<script src="../../js/plugin/jquery-validate/localization/messages_zh.js"></script>
	
	<!-- JQUERY MASKED INPUT -->
	<script src="../../js/plugin/masked-input/jquery.maskedinput.min.js"></script>

	<!-- JQUERY UI + Bootstrap Slider -->
	<script src="../../js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

	<!-- browser msie issue fix -->
	<script src="../../js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

	<!-- SmartClick: For mobile devices -->
	<script src="../../js/plugin/smartclick/smartclick.js"></script>

	<script src="../../js/plugin/splite/split-pane.js"></script>

	<!--<script src="../../js/plugin/date/moment.js"></script> -->
	<script src="../../js/plugin/date/daterangepicker.js"></script>

	<!--[if IE 7]>

	<h1>你的浏览器版本太低，为了您正常使用本系统，请到此处升级浏览器版本 www.microsoft.com/download</h1>

	<![endif]-->

	<!-- Demo purpose only -->
	<script src="../../js/demo.js"></script>

	<!-- MAIN APP JS FILE -->
	<script src="../../js/app2.js"></script>
	<script type="text/javascript" src="../../js/plugin/iresizer/iframeResizer.contentWindow.min.js"></script> 

	<!-- Include the DropDownCheckList supoprt -->
    <script src="../../js/plugin/selectCheckbox/ui.dropdownchecklist-1.4-min.js"></script>
	<script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;sensor=false" type="text/javascript"></script> 
	

	<!-- Your GOOGLE ANALYTICS CODE Below -->
	<script type="text/javascript">
		pageSetUp();
	$(function(){
		parent.closeLeftPanel();//调用父页面方法，隐藏父级页面的左侧菜单
	})

	//下为地图界面自适应高度,被门户调用的实现方式
	function mapAutoHeight(pHeight){
		var tables = $('#dt_basic2,#dt_basic3').parent('.dt-wrapper');
		//var pbodyHeight=$(window.parent.document.body).height();
		//var wHeight = $(window).height();
		var selfWindowHeight = $(window).height();
		var mapHeight;
		if(pHeight == null){
			mapHeight = selfWindowHeight-34;
			//$("#wid-id-0 a.jarviswidget-fullscreen-btn").hide();
		}else{
			mapHeight = pHeight-150;
			//$("#wid-id-0 a.jarviswidget-fullscreen-btn").show();
		}
		$("#mapDataBody").css({"height":mapHeight,"min-height":"500px","overflow":"hidden"});

		var dtHeight = mapHeight-374;
		tables.css("max-height",dtHeight);
		console.log(selfWindowHeight+"px"+","+mapHeight+"px"+","+pHeight+"px");
	}
	var parentHeight = null;
	mapAutoHeight(parentHeight);
	parent.resize = $(window).resize(function(){
		mapAutoHeight(parentHeight);
		//resizeTableHeight();
	})

	$("a.jarviswidget-fullscreen-btn").bind("click",function(){
		parent.iframeFullScreen();
		parent.resizeMapHeight();
		return false;//停止smartwidgets脚本的执行，以免全屏产生冲突
	})
	
	/*调用地图*/
	function initialize() {
	  if (GBrowserIsCompatible()) {
	    var map = new GMap2(document.getElementById("mapDiv"));
	    map.setCenter(new GLatLng(23.049573, 113.761221), 8);
	    map.addControl(new GLargeMapControl3D());
				map.addControl(new GScaleControl());
				//map.addControl(new GMapTypeControl());
	  }
	// Create our "tiny" marker icon
		
	}

	//地图右上角图标按钮组的点击
	$(".btn-group").children().each(function(){
		$(this).bind("click",function(){
			$(this).siblings().removeClass("active");
			$(this).addClass("active");
		})
	})

	//地图显示设置弹框控制
	var showBox = $("#popup-submitBox");
	var closeBtn = $("#popup-closeBtn");
	function  msgShow(){
		showBox.show();
	}
	closeBtn.click( function(){
		showBox.hide();
	})


	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	

	
	</script>
</body>

</html>